<!DOCTYPE html>
<html lang="en">
<head>
    <title>3D</title>
    <meta charset="utf-8">
   <link rel="stylesheet" href="http://192.168.1.203:82/minemapapi/v1.3/minemap.css">
    <style>
        html, body, #map {
            width: 100%;
            height: 100%;
        }

        html, body {
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<div id="map"></div>

<script src="../minemap.js"></script>
<script>

    window.onload = function(){
        minemap.domainUrl = '//192.168.1.203:82';
        minemap.spriteUrl = '//192.168.1.203:82/minemapapi/v1.3/sprite/sprite';
        minemap.serviceUrl = '//192.168.1.203:82/service';
        minemap.accessToken = 'abcc8f7bf4134076b97b671300ca0baa';
        minemap.solution = 4638;
        var map = new minemap.Map({
            container: 'map',
            style: "//192.168.1.203:82/service/solu/style/id/4638",
            center: [121.49094,31.21398],
            zoom: 16,
            pitch: 60,
            maxZoom:17,
            minZoom:9
        });
    }
</script>
</body>